<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Steam IPCountry</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- StyleSheets -->
    <link href="/static/style/bootstrap.min.css" rel="stylesheet">
    <link href="/static/style/normalize.css" rel="stylesheet">
    <link href="/static/style/jumbotron-narrow.css" rel="stylesheet">
    <link href="/static/style/style.css" rel="stylesheet">
    <!-- JavaScripts -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- <script src="/static/script/bootstrap.min.js"></script> -->
</head>

<body>
<div class="container">
    <div class="header clearfix">
        <a class="text-muted site-title" href="https://steamcn.com/t267770-1-1" target="_blank">
            <span class="glyphicon glyphicon-cloud"></span> Steam IPCountry
        </a>
    </div>

    <div class="panel panel-default my-panel">
        <!-- Default panel contents -->
        <div class="panel-heading">
            当前状态： <span id="panel_status">无法加载脚本，可能网络不稳定或浏览器不支持</span>
        </div>

        <div class="panel-body"></div>


        <div class="my-alipay" id="alipay">
            恭喜，已成功登录！ 请问...您愿意打赏作者一点点小费吗？
            <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal">
                我愿意！<span class="glyphicon glyphicon-heart"></span>
            </button> &nbsp;
            <button type="button" class="btn btn-default btn-sm" onclick=$('.my-alipay').html('(｡•́︿•̀｡)')>丑拒</button>
        </div>
    </div> <!-- /panel div ends -->

    <from class="form-horizontal" style="display: none">
        <div id="accountInfo">
            <div class="form-group" id="form_username">
                <label for="inputUsername" class="col-sm-2 control-label">Username</label>
                <div class="col-sm-10">
                    <input class="form-control" id="inputUsername" placeholder="Steam Username">
                </div>
            </div>

            <div class="form-group" id="form_password">
                <label for="inputPassword" class="col-sm-2 control-label">Password</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" id="inputPassword" placeholder="Steam Password">
                </div>
            </div>

            <div class="form-group" id="form_authcode">
                <label for="inputCode" class="col-sm-2 control-label">AuthCode</label>
                <div class="col-sm-10">
                    <input class="form-control" id="inputCode" placeholder="手机令牌（若为邮箱验证，请留空）">
                </div>
            </div>
        </div>  <!-- /id:accountInfo -->

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default" id="buttonLogOn">登录</button>
            </div>
        </div>

        <div class="progress" style="display: none">
            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100"
                 aria-valuemin="0" aria-valuemax="100" style="width: 100%">
            </div>
        </div>
    </from>

    <footer class="footer">
            <span class="copyright">
                &copy; 2018 <span class="glyphicon glyphicon-heart"></span> Makazeu&nbsp;
            </span>
        {{#if serverBy}}
            &nbsp; // &nbsp;
            <span style="margin:auto">Server by {{serverBy}}</span>
        {{else}}
            <span class="copyright">
                    <a href="http://weibo.com/zyf8" target="_blank">我的微博</a>&nbsp;
                </span>
            <span class="copyright">
                    <a href="http://steamcommunity.com/id/makazeu" target="_blank">我的Steam</a>&nbsp;
                </span>
        {{/if}}
        <span class="version">
                {{appVersion}} on Node.js {{nodeVersion}}
            </span>
    </footer>
</div> <!-- /container -->

<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">厚颜无耻地递上支付二维码 (*/ω＼*)</h4>
            </div>

            <div class="modal-body">
                <h5>租用服务器需要资金... 你懂的... 谢谢！爱你哟~
                    比心<span class="glyphicon glyphicon-heart"></span>~~
                </h5>
                <div style="text-align:center">
                    <img src="/static/image/pay.png" alt="alipay"/>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div> <!-- /.modal-content -->
    </div> <!-- /.modal-dialog -->
</div> <!-- /.modal -->

<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-60000402-7', 'auto');
    ga('send', 'pageview');

</script>

<script src="/static/script/run.js"></script>

</body>

</html>
